<?php 
session_start();
if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../../index.php'>";
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Mensajer&iacute;a</title>
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
   	<link href="../../bootstrap/css/view.css" rel="stylesheet">
   	<link href="../../bootstrap/css/cupertino/jquery.ui.all.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="../../bootstrap/scripts/view.js"></script>
	<script type="text/javascript" src="../../bootstrap/scripts/jquery.js"></script> 
	<script type="text/javascript" src="../../bootstrap/js/bootstrap.min.js"></script> 
	<script type="text/javascript" src="../../bootstrap/js/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="../../bootstrap/js/jquery.ui.datepicker.min.js"></script> 
    <script type="text/javascript" src="../../bootstrap/js/toastr.min.js"></script> 
    <link href="../../bootstrap/css/toastr.min.css" rel="stylesheet">  
   <script type="text/javascript">
		$(document).ready(function()
		{
		   var jQueryDatePicker1Opts =
		   {
		      dateFormat: 'mm/dd/yy',
		      changeMonth: false,
		      changeYear: false,
		      showButtonPanel: false,
		      showAnim: 'show'
		   };
		   $("#fechamensajeria").datepicker(jQueryDatePicker1Opts);
		   $("#fecha2").datepicker(jQueryDatePicker1Opts);
		   $("#fecha11").datepicker(jQueryDatePicker1Opts);
		   $("#fecha12").datepicker(jQueryDatePicker1Opts);
		});
</script>
   
   
  </head>
<body >
<div id="a_header">
		<div class="container">
			<div class="row">
				<div class="span10">
					
					<img src="../../imagenes/CRM HV alta.png" width="175" height="110"  style="float:left;" alt="" />					</a>
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y Gesti&oacute;n de Clientes (CRM)</h3>
					</div>
				</div>
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						    
						  </ul>
					</div>
			</div>
		</div>
 	</div> 
<div style="background-color:#0455A7; height:3px;"></div>	<!--  fin header -->

<div class="container" style= "width: 50%">
				<br>
				
				<br>
				<div class="btn-group" data-toggle="buttons">
				 <label class="btn btn-success">
				    <input type="radio" name="options" id="option4" onchange="mensajeria();">- Mensajer&iacute;a -
				  </label>
				  <label class="btn btn-success">
				    <input type="radio" name="options" id="option1" onchange="buscarRutas();">- Rutas -
				  </label>
				  <label class="btn btn-success">
				 
				
				    <input type="radio" name="options" id="option2" onchange="asignaciones();">- Asignaci&oacute;n de Clientes -
				  </label>
				  <label class="btn btn-success">
				    <input type="radio" name="options" id="option3" onchange="programacion();">- Planeaci&oacute;n de Rutas -
				  </label>
				 
				</div>
	<div id="buscador" style="display:block">
		<h4>Administraci&oacute;n de Mensajer&iacute;a</h4>
		<nav class="navbar navbar-default" role="search" style="width:700px;">
		<form class="navbar-form navbar-left" role="search" method="post" action="" onsubmit="traerdatos(); return false" >
  			<div class="form-group">
    			<input type="text" class="form-control" size="60" id = "textofiltro" placeholder="Nombre o c&eacute;dula..."  >
  			</div>
  			<button type="submit" class="btn btn-default" id="buscar">Buscar <img src="../../imagenes/glyphicons_027_search.png" width="15" height="15" />  </button>
	        <button type="button" class="btn btn-danger" onclick="window.location='../../TableroInicio.php'"><img src="../../imagenes/glyphicons_380_message_forward.png" width="17" height="15" /> Inicio</button>
		</form>
		</nav>
	</div>
</div>
	<div class="container" style="min-height:300px;">
		<div id="calendario" style="text-align: left; display:none">
		<label for="fechamensajeria" >Seleccione la fecha (MM/dd/yyyy):</label>
		<nav class="navbar navbar-default" role="search" style="width:1000px;">
		<form class="navbar-form navbar-left" role="search"  >
  			<div class="form-group">
    			<input type="search" class="form-control"  id = "fechamensajeria" onkeyup="notouch();" >
  			</div>
  			<button type="button" class="btn btn-default" onclick="buscarMsj();" >Buscar <img src="../../imagenes/glyphicons_027_search.png" width="15" height="15" />  </button>
  			<button type="reset" class="btn btn-default" onclick="mensajeria();" >Limpiar <span class= 'glyphicon glyphicon-refresh'></span>  </button>
	        <button type="button" class="btn btn-danger" onclick="reportarRutas(1);" >Incompletos <span class= 'glyphicon glyphicon-exclamation-sign'></span> </button>
	        <button type="button" class="btn btn-warning" onclick="reportarRutas(2);" >En Espera <span class= 'glyphicon glyphicon-off'></span>  </button>
	        <button type="button" class="btn btn-success" onclick="reportarRutas(3);" >Completos <span class= 'glyphicon glyphicon-ok-sign'></span>  </button>
	        <button type="button" class="btn btn-default" onclick="reportarRutas(4);" >Ventas <span class= 'glyphicon glyphicon-ok-sign'></span>  </button>
	        &nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-default" onclick="location.href='../../TableroInicio.php'" >Regresar <span class= 'glyphicon glyphicon-arrow-left'></span>  </button>
	        
		</form>
		</nav>
				
		</div>
		<div id="tabla">
		</div>
	
	</div>
	<!-- Modal -->
					  <div class="modal fade" id="modalmode5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Registro de Pago de Ventas</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="carga">
						   		</div>																	
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="registrarPago(); return false">Registrar Pago</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
	<!-- Modal -->
					  <div class="modal fade" id="modalmode4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Cambio de Status</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="datosss" style="height:175px">
						   			<p>Comentario: <input type="text" id="comentmsj" size="30"></p><br>
						   			<?php 
						   			echo "<ul class='list-unstyled'><legend >Estado de la ruta: </legend>";
						   			
						   				echo "<li><label class='radio-inline'><input type='radio' id='enespera2' name='enespera2' >".icono(0)." En espera</label></li>";
						   				echo "<li><label class='radio-inline'><input type='radio' id='enok2' name='enespera2' >".icono(1)." Completo</label></li>";
						   				echo "<li><label class='radio-inline'><input type='radio' id='enerror2' name='enespera2' >".icono(2)." Incompleto</label></li>";
						   			
						   			echo "</ul>";
						   			function icono($estado)
						   			{
						   				$iconos="";
						   				if($estado == 0)
						   					$iconos = "<span class= 'glyphicon glyphicon-off'></span>";
						   				if($estado == 1)
						   					$iconos = "<span class= 'glyphicon glyphicon-ok-sign'></span>";
						   				if($estado == 2)
						   					$iconos = "<span class= 'glyphicon glyphicon-exclamation-sign'></span>";
						   				return $iconos;
						   			}
						   			?>
								</div>
																									
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="cambioStatus(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
	<!-- Modal -->
					  <div class="modal fade" id="modalmode3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Actualizaci&oacute;n de Datos</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="datosss" style="height:175px">
						   			<p>Fecha en la que desea reprogramar la Mensajer&iacute;a: <input type="text" id="datepicker2" onkeyup="notouch(this);"></p>
								</div>
								<script>
									  $(function() {
									    $( "#datepicker2" ).datepicker();
									  });
									  function notouch(obj)
									  {
										  obj.value=obj.value;
									  }
								  </script>																		
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="reprogramarventas2(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
	<!-- Modal -->
					  <div class="modal fade" id="modalmode2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Actualizaci&oacute;n de Datos</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="datosss" style="height:175px">
						   			<p>Fecha en la que desea programar la ruta: <input type="text" id="datepicker" onkeyup="notouch(this);"></p>
								</div>
								<script>
									  $(function() {
									    $( "#datepicker" ).datepicker();
									  });
									  function notouch(obj)
									  {
										  obj.value=obj.value;
									  }
								  </script>																		
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="actualizarDatos(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
	<!-- Modal -->
					  <div class="modal fade" id="modalmode" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					    <div class="modal-dialog">
					      <div class="modal-content">
					        <div class="modal-header">
					          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					          <h4 class="modal-title">Actualizaci&oacute;n de Datos</h4>
					        </div>
					        <div class="modal-body" style="text-align: left; background-color:#f2f9f2">
						   		<div id="datos">
						   			
								</div>																		
						     </div>
					        <div class="modal-footer">
					         <button type="button" class="btn btn-primary" onclick="actualizarDatos(); return false">Actualizar</button>
					          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					      
					        </div>
					      </div><!-- /.modal-content -->
					    </div><!-- /.modal-dialog -->
					  </div><!-- /.modal -->
<!--  footer -->
   
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p style="">Desarrollado por:</p>
					<a href="http://www.3tech-panama.com"><img src="../../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			   </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
</body>
<script type="text/javascript">
function verdetalleplan(codigo)
{
	codigoPlan = codigo;
	opcionModal =0;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarModal;
	conexhttp.open('GET',"datadetalleplan.php?codigo="+codigoPlan, true);
	conexhttp.send(null);
}
function cambiarestado(codigo){
	codigoPlan = codigo;
    $.post("buscarestado.php", { codigo: codigo },  
        function(result){    
    	modalCambioestado(result); 
    }); 
}
codigoEstado=-1;
function modalCambioestado(estado)
{
			codigoEstado=estado;
			opcionModal=9;
			conexhttp=crearXMLHttpRequest();
			conexhttp.onreadystatechange = presentarModal;
			conexhttp.open('GET',"datacambioestado.php?estado="+estado+"&codigo="+codigoPlan, true);
			conexhttp.send(null);
		
}

opcionModal=0;
function retornarBarra()
{
	
	$taghtml = "<div class='progress progress-striped active'><div class='progress-bar'  role='progressbar' aria-valuenow='40' aria-valuemin='25' aria-valuemax='50' style='width: 100%'></div>";
	return $taghtml;	
}
function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}

var conexhttp;


function programacion()
{
	mostrarCalendario(false);
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos;
	conexhttp.open('GET',"data-programacion.php", true);
	conexhttp.send(null);
}
function asignaciones()
{
	mostrarCalendario(false);
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos;
	conexhttp.open('GET',"data-asignaciones.php", true);
	conexhttp.send(null);
}
function buscarRutas()
{
	mostrarCalendario(false);
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos;
	conexhttp.open('GET',"data-rutas.php", true);
	conexhttp.send(null);
}
function presentarDatos()
{
  
  document.getElementById('tabla').innerHTML = "<strong>Cargando datos, por favor espere...</strong><br>"+retornarBarra();
  if(conexhttp.readyState == 4)
  	document.getElementById('tabla').innerHTML = conexhttp.responseText;
 
	 
}
function presentarDatos2()
{
  if(conexhttp.readyState == 4)
  	document.getElementById('tabla').innerHTML = conexhttp.responseText;
 
	 
}

function verplaneacion(codigoruta)
{
	try {
		
	
	codigoRuta = codigoruta;
	
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos2;
	conexhttp.open('GET',"data-programacion.php?activo="+codigoRuta, true);
	conexhttp.send(null);
	} catch (err) {
		alert("Error JS= " + err.message);
	}
}
function verclientesplan(codigoplan)
{
	codigoPlan = codigoplan;
	 $.post("buscaridruta.php", { codigoplan: codigoplan },  
		        function(result){    
		 	mostrarCalendario(false);
			conexhttp=crearXMLHttpRequest();
			conexhttp.onreadystatechange = presentarDatos2;
			conexhttp.open('GET',"data-asignaciones.php?activo="+result, true);
			conexhttp.send(null);
		    });
	 
}
function verclientesrutas(codigoruta)
{
	codigoRuta = codigoruta;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos2;
	conexhttp.open('GET',"data-asignaciones.php?activo="+codigoRuta, true);
	conexhttp.send(null);
}
function programarRuta(codigoruta)
{
	if (codigoruta==0)
	{
		alert("No hay ninguna ruta seleccionada");
		return;
	}
	opcionModal=6;
	codigoRuta = codigoruta;
	$('#modalmode2').modal("show");
}
function nuevasignacion(codigoruta)
{
	if (codigoruta==0)
	{
		alert("No hay ninguna ruta seleccionada");
		return;
	}
	opcionModal=4;
	codigoRuta = codigoruta;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarModal;
	conexhttp.open('GET',"clientesinmsj.php", true);
	conexhttp.send(null);
}
function nuevaruta()
{
	opcionModal=1;
	document.getElementById('datos').innerHTML = echoNuevo;
	$('#modalmode').modal("show");
}

var echoNuevo = "<ul class='list-unstyled'><li><label class='description' >N&uacute;mero de ruta: </label>";
echoNuevo += "<input id='numruta' class='element text medium' maxlength='5'  type='text' ></li><li><label class='description' >";
echoNuevo += "Nombre de la ruta: </label><input id='nombre' class='element text medium' maxlength='50'   type='text' ></li><li>";
echoNuevo += "<label class='description' >Descripci&oacute;n de la ruta: </label><input id='descripcion' class='element text medium' maxlength='50'   type='text' ></li></ul>";

function actualizarDatos()
{
	if(opcionModal == 1) crearNuevaRutaModal();
	if(opcionModal == 2) actualizarRutaModal();
	if(opcionModal == 3) eliminarRutaModal();
	if(opcionModal == 4) crearAsignacionModal();
	if(opcionModal == 5) quitarAsignacionModal();
	if(opcionModal == 6) programarRutaModal();
	if(opcionModal == 7) reprogramarRutaModal();
	if(opcionModal == 8) quitarPlanModal();
	if(opcionModal == 9) cambiarEstadoModal();
	if(opcionModal == 10) eliminarPlanModal();
	opcionModal=0;
	$('#modalmode').modal("hide");
}
var numruta=0;
var nombre="";
var descripcion="";
var idCliente =0;
function cambiarEstadoModal()
{
	try {
		
	var enok;
	var enespera;
	var enerror;
		
	if(codigoEstado != 2)
		enespera = document.getElementById("enespera").checked;
	enok = document.getElementById("enok").checked;
	enerror = document.getElementById("enerror").checked;
	
	var obs="";
	var sEstado=-1;
	
 	if(enespera && codigoEstado==0)
 		return;
		
	if(enespera)
		sEstado=0;
	if(enok)
		sEstado=1;
	if(enerror)
		sEstado=2;
	
	if(enok || enerror)
		obs = document.getElementById("obsmodal").value;
	codigoEstado=-1;
	if(enok)
	{
		conexhttp=crearXMLHttpRequest();
		squery = "delete from clientespendientes where plan = '"+codigoPlan+"'";
		conexhttp.open('GET',"setdata.php?query="+squery, true);
		conexhttp.send(null);
	}
	
	
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = rebuscamsj;
	squery = "update planes set estado ='"+sEstado+"' ,nota = '"+obs+"' where idplanes = '"+codigoPlan+"'";
	conexhttp.open('GET',"setdata.php?query="+squery, true);
	conexhttp.send(null);
	} catch (e) {
		alert(e.message);
	}
}

function reprogramarRutaModal()
{
	
	 
	 	var fechaprog = document.getElementById("datepicker").value;
		var partes = fechaprog.split("/");
		var fecha = partes[2]+"-"+partes[0]+"-"+partes[1];
		conexhttp=crearXMLHttpRequest();
		
		if (reprog==0)
			conexhttp.onreadystatechange = planAsignado;
		else
			conexhttp.onreadystatechange = mensajerias;
		reprog=0;
        s_query = "update planes set fecha = '"+fecha+"' where idplanes = '"+codigoPlan+"'";
		conexhttp.open('GET',"setdata.php?query="+s_query, true);
		conexhttp.send(null);
		$('#modalmode2').modal("hide");
		   
	

	
	
}
function devolverFechaMysql(fechajs)
{
	var partes = fechajs.split("/");
	var fechamysql = partes[2]+"-"+partes[0]+"-"+partes[1];
	return fechamysql;
}
function programarRutaModal()
{
	var fechaprog = document.getElementById("datepicker").value;
	var fecha = devolverFechaMysql(fechaprog);
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = planAsignado;
	s_query = "insert into planes values(DEFAULT,'"+fecha+"',DEFAULT,'"+codigoRuta+"',DEFAULT)";
	conexhttp.open('GET',"setdata.php?query="+s_query, true);
	conexhttp.send(null);
	$('#modalmode2').modal("hide");
}
function quitarAsignacionModal()
{
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = clienteAsignado;
	s_query = "UPDATE clientes SET idruta='0' WHERE idclientes = '"+idCliente+"'";
	conexhttp.open('GET',"setdata.php?query="+s_query, true);
	conexhttp.send(null);
}
function quitarPlanModal()
{
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = planAsignado;
	s_query = "delete from planes where idplanes = '"+codigoPlan+"'";
	conexhttp.open('GET',"setdata.php?query="+s_query, true);
	conexhttp.send(null);
}
function planAsignado()
{
	if(conexhttp.readyState == 4)
		verplaneacion(codigoRuta);
}
function mensajerias()
{
	if(conexhttp.readyState == 4)
		buscarMsj();
}
function clienteAsignado()
{
	if(conexhttp.readyState == 4)
		verclientesrutas(codigoRuta);
}
function crearAsignacionModal()
{
	idCliente = document.getElementById("clientes").value;
	
	opcionModal=0;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = clienteAsignado;
	s_query = "UPDATE clientes SET idruta='"+codigoRuta+"' WHERE idclientes = '"+idCliente+"'";
	conexhttp.open('GET',"setdata.php?query="+s_query, true);
	conexhttp.send(null);
	
}

function eliminarPlanModal()
{
	opcionModal=0;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = rebuscamsj;
	squery="delete from planes where idplanes ='"+codigoPlan+"'";
	conexhttp.open('GET',"setdata.php?query="+squery, true);
	conexhttp.send(null);
}
function eliminarRutaModal(){
	opcionModal=0;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = datosActualizados;
	conexhttp.open('GET',"setdata2.php?query="+armarquery(2), true);
	conexhttp.send(null);
}
function actualizarRutaModal(){
	numruta = document.getElementById("numruta").value;
	nombre = document.getElementById("nombre").value;
	descripcion = document.getElementById("descripcion").value;
	if(numruta == 0 || numruta < 0 || isNaN(numruta) || numruta % 1 != 0) {
		alert("El n\u00famero de ruta debe ser entero mayor que cero.");
		return;
	}
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = datosActualizados;
	conexhttp.open('GET',"setdata.php?query="+armarquery(1), true);
	conexhttp.send(null);
}
function isEmpty(str) {
    return (!str || 0 === str.length);
}
function isBlank(str) {
    return (!str || /^\s*$/.test(str));
}
function crearNuevaRutaModal()
{
	numruta = document.getElementById("numruta").value;
	nombre = document.getElementById("nombre").value;
	descripcion = document.getElementById("descripcion").value;
	if(numruta == 0 || numruta < 0 || isNaN(numruta) || numruta % 1 != 0) {
		alert("El n\u00famero de ruta debe ser entero mayor que cero.");
		return;
	}
	if (isEmpty(nombre) || isBlank(nombre)) {
		alert("El nombre de ruta no puede estar vac\u00edo.");
		return;
	}
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = datosActualizados;
	conexhttp.open('GET',"setdata.php?query="+armarquery(0), true);
	conexhttp.send(null);
}
function datosActualizados()
{
	document.getElementById('tabla').innerHTML = "";
	document.getElementById('tabla').innerHTML = "<strong>Modificando datos, por favor espere...</strong><br>"+retornarBarra();
	if(conexhttp.readyState == 4)
	{
		document.getElementById('tabla').innerHTML = "<strong>Datos modificados</strong>";
		buscarRutas();
	}
		
}
function armarquery(accion)
{
	query="";
	
	switch (accion)
	{
		case 1:
		{
			query = "update rutas set numeroruta = '"+numruta+"' , nombre = '"+nombre+"' , descripcion = '"+descripcion+"' where idrutas = '"+codigoRuta+"'";
			return query;
		}
		case 0:
		{
			query = "insert into rutas values(DEFAULT,"+numruta+",'"+nombre+"','"+descripcion+"')";
			return query;
		}
		
		case 2:
		{
					
			query ="UPDATE clientes SET idruta = 0 WHERE idruta='"+codigoRuta+"';";
			query += "DELETE from rutas where idrutas = '"+codigoRuta+"';";
			query += "DELETE from planes where idruta = '"+codigoRuta+"';";
			
			return query;
		}
	}
}
var codigoRuta = 0;

function quitar(codigo){
	idCliente =codigo;
	opcionModal=5;
	document.getElementById('datos').innerHTML = "<h4>Esta seguro de quitar este cliente:  </h4><strong>Id de cliente =</strong> <span class='badge'>"+idCliente+"</span>";
	$('#modalmode').modal("show");
}
function quitar2(codigo){
	codigoPlan =codigo;
	opcionModal=8;
	document.getElementById('datos').innerHTML = "<h4>Esta seguro de quitar este plan:  </h4><strong>Id de plan  =</strong> <span class='badge'>"+codigoPlan+"</span>";
	$('#modalmode').modal("show");
}
codigoPlan=0;
function reprogramar(idplan)
{
	codigoPlan = idplan;
	conexhttp.onreadystatechange = presentarModal2;
	conexhttp.open('GET',"modificarmodalplan.php?codigoplan="+codigoPlan, true);
	conexhttp.send(null);
}
var reprog=0;
function reprogramar2(idplan)
{
	reprog=1;
	codigoPlan = idplan;
	conexhttp.onreadystatechange = presentarModal2;
	conexhttp.open('GET',"modificarmodalplan.php?codigoplan="+codigoPlan, true);
	conexhttp.send(null);
}
function rebuscamsj()
{
	if(conexhttp.readyState == 4)
	{
		buscarMsj();
	}
	
}
function presentarModal2()
{
	if(conexhttp.readyState == 4)
	{
			opcionModal=7;
		    document.getElementById('datepicker').value = conexhttp.responseText;
			$('#modalmode2').modal("show");
	}
}
function modificar(idruta)
{
	opcionModal=2;
	codigoRuta = idruta;
	//query = "select * from rutas where idrutas = '"+codigoRuta+"' limit 1";
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarModal;
	conexhttp.open('GET',"modificarmodal.php?codigoruta="+codigoRuta, true);
	conexhttp.send(null);
}
function presentarModal()
{
	if(conexhttp.readyState == 4)
	{
		    document.getElementById('datos').innerHTML = conexhttp.responseText;
			$('#modalmode').modal("show");
	}
}

function eliminar(idruta)
{
	codigoRuta = idruta;
	opcionModal=3;
	document.getElementById('datos').innerHTML = "<h4>Est&aacute; seguro de eliminar este registro:  </h4><strong>Id de ruta =</strong> <span class='badge'>"+codigoRuta+"</span>";
	$('#modalmode').modal("show");
}

function eliminarplan(codigo)
{
	codigoPlan = codigo;
	opcionModal=10;
	document.getElementById('datos').innerHTML = "<h4>Est&aacute; seguro de eliminar este registro:  </h4><strong>Id de plan =</strong> <span class='badge'>"+codigoPlan+"</span>";
	$('#modalmode').modal("show");
}

function buscarMsj()
{
	var todos;
	var fechamensaje = document.getElementById("fechamensajeria").value;
	if(fechamensaje=="")
		todos=true;
	else 
		todos=false;
	var cual = 0;
	var fechasql = devolverFechaMysql(fechamensaje);
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos;
	conexhttp.open('GET',"data-mensajeria.php?fecha="+fechasql+"&todos="+todos+"&cual="+cual, true);
	conexhttp.send(null);
}
function reportarRutas(cual)
{
	var todos;
	var fechamensaje = document.getElementById("fechamensajeria").value;
	if(fechamensaje=="")
		todos=true;
	else 
		todos=false;
	
	var fechasql = devolverFechaMysql(fechamensaje);
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos;
	conexhttp.open('GET',"data-mensajeria.php?fecha="+fechasql+"&todos="+todos+"&cual="+cual, true);
	conexhttp.send(null);
}

function mensajeria()
{
	mostrarCalendario(true);
	document.getElementById('tabla').innerHTML = "<legend>Mensajeria</legend>";
}
function mostrarCalendario(opcion)
{
	//(opcion) ? document.getElementById("calendario").style.display = 'block' : document.getElementById("calendario").style.display = 'none';
	//(!opcion) ? document.getElementById("buscador").style.display = 'block' : document.getElementById("buscador").style.display = 'none';
	velocidad='slow';
	if(opcion)$('#calendario').show(velocidad);else $('#calendario').hide(velocidad);
	if(!opcion)$('#buscador').show(velocidad);else $('#buscador').hide(velocidad);
}
function traerdatos()
{
	var filtro = document.getElementById('textofiltro').value;
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = presentarDatos;
	conexhttp.open('GET',"buscarcliente.php?filtro="+filtro, true);
	conexhttp.send(null);
}
function cambiarEnespera()
{
	document.getElementById('datosmodal').innerHTML="";
}

function mostrarObservacion()
{
	document.getElementById('datosmodal').innerHTML="<input type='text' class='form-control' size='60' id = 'obsmodal' placeholder='Observaci&oacute;n...' >";
}

function mostrarcli()
{
	if(conexhttp.readyState == 4)
	{
			document.getElementById('datosmodal').innerHTML = conexhttp.responseText;		
	}
}
function mostrarClientes(idplan)
{
	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = mostrarcli;
	conexhttp.open('GET',"tablaclientesrutas.php?idplan="+idplan, true);
	conexhttp.send(null);
}
function mostrarcli2()
{
	if(conexhttp.readyState == 4)
	{
		mostrarClientes(codplan);		
	}
}
var codplan;
function cambiarefectividad(cliente,tabla,plan)
{
				codplan=plan;
			    conexhttp=crearXMLHttpRequest();
			    conexhttp.onreadystatechange = mostrarcli2;
				conexhttp.open('GET',"setdata3.php?plan="+plan+"&cliente="+cliente+"&tabla="+tabla, true);
				conexhttp.send(null); 
}
function cambiarstatus(codcli)
{
	try {
		clienteventa=codcli;
		$('#modalmode4').modal("show");
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
var clienteventa=0;
function reprogramarventas(codcli)
{
	try {
		clienteventa=codcli;
		$('#modalmode3').modal("show");
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function listo()
{
	
	if(conexhttp.readyState == 4)
	{
		reportarRutas(4);	
	}
}
function reprogramarventas2()
{
	try {
		var fechaprog = document.getElementById("datepicker2").value;
		var partes = fechaprog.split("/");
		var fecha = partes[2]+"-"+partes[0]+"-"+partes[1];
		conexhttp=crearXMLHttpRequest();
		conexhttp.onreadystatechange = listo;
	    s_query = "update mensajeriaventas set fecha = '"+fecha+"',status=0 where idmensajeriaventas = '"+clienteventa+"'";
		conexhttp.open('GET',"setdata.php?query="+s_query, true);
		conexhttp.send(null);
		$('#modalmode3').modal("hide");
		alertar("Datos actualizados","info");
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function cambioStatus()
{
	try {
		$('#modalmode4').modal("hide");
		var enespera = document.getElementById("enespera2").checked;
		var enok = document.getElementById("enok2").checked;
		var enerror = document.getElementById("enerror2").checked;
		var comentario = document.getElementById("comentmsj").value;
		
		status=5;
		if(enespera == true)status=0;
		if(enok == true)status=1;
		if(enerror == true)status=2;
		if(status==5)return;
		
		var sesion = "<?php echo $_SESSION[id]; ?>";
		conexhttp=crearXMLHttpRequest();
		conexhttp.onreadystatechange = listo;
	    s_query = "update mensajeriaventas set status = '"+status+"',comentario='"+comentario+"',usuario='"+sesion+"' where idmensajeriaventas = '"+clienteventa+"'";
		conexhttp.open('GET',"setdata.php?query="+s_query, true);
		conexhttp.send(null);
		
		alertar("Datos actualizados","info");
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function regpagoventa(nomcli)
{
	try {
		alertar("Cargando formulario, por favor espere...","info");
		$('#carga').load('registrar-pago-cliente-ventas.php');
		
		$('#modalmode5').modal("show");
	} catch (err) {
		alertar("Error JS= " + err.message, "error");
	}
}
function registrarPago()

{
	try {
		
	
	   
		var contrato = document.getElementById('conts').value;
		if(contrato == "0"){ alertar("Primero, Seleccione un Contrato","warning");return;}
	
		var fechaprox = document.getElementById('fechaprox222').value;
		var monto = document.getElementById('monto222').value;
		var observacion = document.getElementById('obs222').value;
		observacion +=" NOTA: Pago Realizado desde a.c.";

		if(monto <= 0){ alertar("El Monto no puede ser Cero","warning");return;}
		
		if (window.XMLHttpRequest) xmlhttp2 = new XMLHttpRequest();
    	else xmlhttp2 = new ActiveXObject("Microsoft.XMLHTTP");
		 xmlhttp2.onreadystatechange = presentarReporte2;
    xmlhttp2.open("GET","../regpago.php?idcontrato="+contrato+"&fechaprox="+fechaprox+"&monto="+monto+"&observacion="+observacion, false);
    xmlhttp2.send();
   
		  
	}catch (err) {
		alertar("Error JS= " + err.message, "error");
	}	
		
}
	var xmlhttp2;
function presentarReporte2()
{
  
	
  if(xmlhttp2.readyState == 4)
  {
	  hostInfo = xmlhttp2.responseText;
	   
	  if(hostInfo == "ok")
	{
	 	
		
		alertar("Pago Realizado exitosamente","info");
		 $('#modalmode5').modal("hide");
	}
	else
	{
	 alertar(xmlhttp2.responseText,"error");
	} 
  }
 
	  
	 
}
</script>
</html>